<div id="bar_practil">
  <form id="frmLogin" action="<?php echo url_for('@login') ?>" method="post">
      <input type="hidden" name="hdUri" value="<?php echo $sf_request->getUri() ?>" />
    <ul>
        <li style="float: left;"><?php echo image_tag('implementacion/logo_practil.gif') ?></li>
        <li style="float: left;">
          <a href="<?php echo url_for(sfConfig::get('app_url_opinics')) ?>">
            <?php echo image_tag('implementacion/btn_opinion.gif') ?></a>
        </li>
        <li style="float: right;">
          <div  style="padding: 2px;color: white;">
            <div style="margin: 6px;">
                Ya estás a un paso ...
            </div>
          </div>
        </li>
    </ul>
  </form>
</div>
<noscript>
   <span style="font-weight: bold;">JavaScript no está activado en tu navegador</span>
   <p>
       Por <a href="javascript:void(0)">politicas de uso</a> debes tener activado JavaScript. Gracias.
   </p>
</noscript>
<div id="container">
    <div id="container_in1">
        <br /><br />
        <div id="logo"></div>
    </div>
    <div id="container_in2">
        <div id="practil_login_form">
            <div style="margin-top: 80px;margin-left: 15px;">
                 <form action="" method="post" id="frm-associate-account">
                        <div>
                            <ul>
                                <li>Su cuenta se enlanzo con exito.</li>                           
                            </ul>
                        </div>                     
                        </form>
            </div>
               
        </div>
        <div id="practil_login_text">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        </div>
    </div>
    <div id="container_in3">
        <br /><br />
      <ul class="ul_home_icons">
          <li>
              <div style="width: 100px;height: 70px;float: left;"><?php echo image_tag('implementacion/icono_aceptar.gif') ?></div>
              <div style="width: 400px;height: 20px;float: left;padding: 25px 0 25px 0;"><span class="texto">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></div>
          </li>
          <li>
              <div style="width: 100px;height: 70px;float: left;"><?php echo image_tag('implementacion/icono_actualizar.gif') ?></div>
              <div style="width: 400px;height: 20px;float: left;padding: 25px 0 25px 0;"><span class="texto">In pulvinar placerat enim in ornare. Morbi vel urna a urna interdum convallis ut.</span></div>
          </li>
          <li>
              <div style="width: 100px;height: 70px;float: left;"><?php echo image_tag('implementacion/icono_revisar.gif') ?></div>
              <div style="width: 400px;height: 20px;float: left;padding: 25px 0 25px 0;"><span class="texto">Quisque pretium tortor eget metus convallis laoreet eleifend est sollicitudin.</span></div>
          </li>
      </ul>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        $("#btn-associate-account").click(function(){
            $("#frm-associate-account").attr('action','<?php echo url_for('@asociate_account_to_practil')?>');
            $("#frm-associate-account").submit();
         });
    });
</script>